<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Add Organisation</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Combined stylesheets load -->
<!-- Load either 960.gs.fluid or 960.gs to toggle between fixed and fluid layout -->
<link href="css/main.css" rel="stylesheet" type="text/css">

<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" type="image/png" href="favicon-large.png">
<script src="js/index.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jstab.js"></script>
<script>
	$(document).ready(function() {
		$("#tablepaging").tablesorter();
		$("#tabs").tabs();
		
		
		/* $("#sp-table").tablesorter().tablesorterPager({
			container : $("#sp-pager"),
			positionFixed : false
		});

		$("#sp-table .header").click(function() {
			$("#sp-table tfoot .first").click();
		});

		$("#dir-table").tablesorter().tablesorterPager({
			container : $("#dir-pager"),
			positionFixed : false
		});

		$("#dir-table .header").click(function() {
			$("#dir-table tfoot .first").click();
		}); */
		
	});

	function showTab3() {
		$("#btnTabs-3").show();
	}
	function hideTab3() {
		$("#btnTabs-3").hide();
	}
	function showTab4() {
		$("#btnTabs-4").show();
	}
	function hideTab4() {
		$("#btnTabs-4").hide();
	}
	function showTab5() {
		$("#btnTabs-5").show();
	}
	function hideTab5() {
		$("#btnTabs-5").hide();
	}
	function showTab6() {
		$("#btnTabs-6").show();
	}
	function hideTab6() {
		$("#btnTabs-6").hide();
	}
</script>

</head>

<body>
	<!-- Header -->

	<!-- Server status -->
	<header></header>
	<!-- End server status -->

	<!-- Main nav -->
	<nav id="main-nav">

		<ul class="container_12">
			<li class="home current">
				<ul>

					<li><a href="homepage.jsp" title="Home">Home</a></li>

					<!-- Organisations menu -->
					<li class="with-menu"><a href="javascript:void(0)"
						title="Organisations">Organisations</a>
						<div class="menu">
							<img src="images/menu-open-arrow.png" width="16" height="16">
						</div></li>

					<!-- Services menu -->
					<li class="with-menu"><a href="javascript:void(0)"
						title="Organisations">Services</a>
						<div class="menu">
							<img src="images/menu-open-arrow.png" width="16" height="16">
							<ul>
								<li class="sep"></li>

								<li class="icon_blog"><a href="javascript:void(0)">Programme</a>
									<ul>
										<li class="icon_address"><a href="listProgramme.action">List
												Programme</a></li>
									</ul></li>
							</ul>
						</div></li>

					<!-- Geography menu -->
					<li class="with-menu"><a href="javascript:void(0)"
						title="Organisations">Geography</a>
						<div class="menu">
							<img src="images/menu-open-arrow.png" width="16" height="16">
							<ul>
								<li class="icon_blog"><a href="javascript:void(0)">Government
										Office Region</a>
									<ul>
										<li class="icon_address"><a href="listGovernment.action">List
												Government Office Region</a></li>
									</ul></li>
							</ul>
						</div></li>

					<!-- Premises menu -->
					<li class="with-menu"><a href="javascript:void(0)"
						title="Organisations">Premises</a>
						<div class="menu">
							<img src="images/menu-open-arrow.png" width="16" height="16">
							<ul>
								<li class="icon_address"><a href="javascript:void(0)">List
										Premises</a></li>
								<li class="icon_export"><a href="javascript:void(0)">Add
										Premises</a></li>
								<li class="icon_refresh"><a href="javascript:void(0)">Amend
										Premises</a></li>
								<li class="icon_computer"><a href="javascript:void(0)">Facility
										Maintenance</a></li>
								<li class="icon_terminal"><a href="javascript:void(0)">Volunteering
										Opportunity</a></li>
								<li class="icon_battery"><a href="javascript:void(0)">Minor
										Work Projects</a></li>
								<li class="icon_building"><a href="javascript:void(0)">Services</a></li>

							</ul>
						</div></li>
				</ul>
			</li>

		</ul>
	</nav>
	<!-- End main nav -->

	<!-- Sub nav -->
	<div id="sub-nav">
		<div class="container_12"></div>
	</div>
	<!-- End sub nav -->

	<!-- Status bar -->
	<div id="status-bar">
		<div class="container_12">

			<ul id="status-infos">
				<li class="spaced">Logged as: <strong>${account }</strong></li>
				<li><a href="login.jsp" class="button red" title="Logout"><span
						class="smaller">LOGOUT</span></a></li>
			</ul>

		</div>
	</div>
	<!-- End status bar -->

	<div id="header-shadow"></div>
	<!-- End header -->

	<!-- Always visible control bar -->
	<div id="control-bar" class="grey-bg clearfix">
		<div class="container_12"></div>
	</div>
	<!-- End control bar -->

	<!-- Content -->
	<article class="container_12">


		<section class="grid_8">
			<div class="block-border">
				<form class="block-content form" name="f1" method="post" action="">
					<h1>Add Organisation</h1>

					<div class="block-controls"></div>
					<ul class="message warning no-margin">
						<li id="message">This is a <strong>warning message</strong>,
							inside a box
						</li>
						<li class="close-bt"></li>
					</ul>

					<div class="columns">

						<div id="tabs">

							<ul class="tabs js-tabs same-height">
								<li><a href="#tabs-1">Details 1</a></li>
								<li><a href="#tabs-2">Details 2</a></li>
								<li><a href="#tabs-3" id="btnTabs-3">Details 3</a></li>
								<li><a href="#tabs-4" id="btnTabs-4">Details 4</a></li>
								<li><a href="#tabs-5" id="btnTabs-5">Details 5</a></li>
								<li><a href="#tabs-6" id="btnTabs-6">BU/Directorates</a></li>
							</ul>
							<div class="float-right" style="margin: -2.5em 2em 0 0;">

								<a class="button" onclick="ValidateData()"
									style="cursor: pointer"> <span class="smaller"> <img
										height="16" width="16"
										src="images/icons/fugue/tick-circle.png"> <strong>SAVE</strong></span>
								</a> <a class="button" title="Logout" href="ListOrganisation.jsp"> <span
									class="smaller"><img height="16" width="16"
										src="images/icons/fugue/navigation-180.png"><strong>
											BACK </strong></span>
								</a>

							</div>

							<div class="tabs-content">

								<div id="tabs-1" style="height: 650px">

									<!-- content tab 1 -->

									<div style="float: left; width: 48%">

										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">Organisation
												Name <font style="color: red">*</font>
											</label> <input type="text" name="organisationName"
												id="complex-en-subtitle" value="Nguyen Van A" class="full-width"
												style="width: 240px;" />
										</p>

										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">Organisation
												Short Description <font style="color: red">*</font>
											</label>
											<textarea class="full-width" style="width: 240px;"
												name="shortDes" rows="4"></textarea>
										</p>

										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">Lead
												Contact </label> <input type="text" id="lu.contactName" value="Tran Van B" name="lu.contactName" size="40"
												style="width: 170px; margin-right: 5px; background: silver;"
												disabled="disabled" /> <a href=""
												onclick="return popitup('search.action?contact.firstName=&contact.surName=')">Lookup</a>
										</p>


										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">Address
												Line 1 <font style="color: red">*</font>
											</label> <input type="text" value="So 8 Ton That Thuyet Cau" id="lu.address_line1" name="lu.address_line1" value=""
												class="full-width" style="width: 240px;" />
										</p>

										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">Address
												Line 2</label> <input type="text" name="lu.address_line2"
												id="complex-en-subtitle" value="" class="full-width"
												style="width: 240px;" />
										</p>
										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">Address
												Line 3</label> <input type="text" name="lu.address_line3"
												id="complex-en-subtitle" value="" class="full-width"
												style="width: 240px;" />
										</p>

										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">PostCode
												<font style="color: red">*</font>
											</label> <input type="text" name="lu.postCode"
												id="lu.postCode" value="12563" size="40"
												style="width: 170px; margin-right: 5px;" /> <a href=""
												onclick="return popitup('add_lookup.action?address.postCode=&address.addressName=&address.townName=')">Lookup</a>
										</p>
										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label for="complex-en-url"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">City/Town
											</label> <input type="text" name="lu.townName"
												id="lu.townName" value="" class="full-width"
												style="width: 240px;" />
										</p>

										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label for="complex-en-url"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">County</label>
											<input type="text" id="lu.countyName" name="lu.countyName" class="full-width"
												style="width: 240px;" />
										</p>
										<p class="colx2-left"
											style="width: 100%; margin-bottom: 10px; float: left;">
											<label for="complex-en-url"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">Nation/Country</label>
											<select id="lu.countryName" name="lu.countryName" class="full-width"
												style="width: 210px;">
												<option value=""></option>
											</select>
										</p>
									</div>
									<!-- right -->
									<div style="float: right; width: 48%">
										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 165px;">Preferred
												Origanisation</label> <input type="checkbox" name="stats-display[]"
												id="stats-display-0" value="0" style="margin: 8px 0 0 0;" />

										</p>
										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 165px;">Expression
												of Interest </label> <input type="checkbox"
												style="margin: 8px 0 0 0;"
												onclick="if(this.checked) showTab3(); else hideTab3();" />
										</p>

										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">Type
												of Bussiness <font style="color: red">*</font>
											</label> <input type="text" id="lu.businessName" name="lu.businessName" size="80"
												style="width: 170px; background: silver;" disabled="disabled"/> <a href=""
												onclick="return popitup('bus_lookup.action?business.businessName=&business.sicCode=')">Lookup</a>
										</p>


										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">
												SIC Code</label> <input type="text" id="lu.sicCode" name="lu.sicCode"
												class="full-width" style="width: 82px; background: silver;" disabled="disabled" />

										</p>

										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">
												Origanisation Full Description</label>
											<textarea name="itemCurrent.description" rows="4"
												style="width: 230px;"></textarea>

										</p>

										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">
												Phone Number <font style="color: red">*</font>
											</label> <input type="text" name="phoneNumber"
												id="complex-en-subtitle" value="" class="full-width"
												style="width: 240px;" />
										</p>
										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">
												Fax</label> <input type="text" name="" id="complex-en-subtitle"
												value="" class="full-width" style="width: 240px;" />
										</p>
										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">
												Email</label> <input type="text" name="email"
												id="complex-en-subtitle" value="" class="full-width"
												style="width: 240px;" />
										</p>
										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">
												Web Address</label> <input type="text" name=""
												id="complex-en-subtitle" value="" class="full-width"
												style="width: 240px;" />
										</p>
										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">
												Chairity Number</label> <input type="text" name=""
												id="complex-en-subtitle" value="" class="full-width"
												style="width: 240px;" />
										</p>
										<p class="colx2-right"
											style="width: 100%; margin-bottom: 10px;">
											<label for="complex-en-subtitle"
												style="line-height: 30px; float: left; margin-right: 20px; width: 150px;">
												Company Number</label> <input type="text" name=""
												id="complex-en-subtitle" value="" class="full-width"
												style="width: 240px;" />
										</p>
									</div>
									<!-- end content tab 1 -->

								</div>
								<div id="tabs-2">
									<table id="details2-add-table">
										<tbody>
											<tr>
												<td>Organisation Specicallism</td>

												<td><div class="list">
														<input type="checkbox" />Blink/Partially Sighted<br /> <input
															type="checkbox" />Deaf/Hard of Hearing<br /> <input
															type="checkbox" />Dyslexia<br /> <input type="checkbox" />Learning
														Disability<br /> <input type="checkbox" />Mental Health<br />

													</div></td>


												<td>Service personal Circumstances Capabilities</td>

												<td><div class="list">
														<input type="checkbox" />Carer Responsibilities<br /> <input
															type="checkbox" />Lone Parent<br />

													</div></td>

											</tr>
											<tr>
												<td>Service Disablities Capabilities</td>
												<td>
													<div class="list">
														<input type="checkbox" />Chest, Breathing problems<br>
														<input type="checkbox" />Condition restricting
														mobility/dex<br> <input type="checkbox" />Diabetes<br>
														<input type="checkbox" />Difficulty in hearing<br>
													</div>
												</td>
												<td>Service Ethnicity Capabilities</td>
												<td>
													<div class="list">
														<input type="checkbox" />White British<br> <input
															type="checkbox" />White Irish<br> <input
															type="checkbox" />Other white<br> <input
															type="checkbox" />White & Black Caribbean<br> <input
															type="checkbox" />White & Black African<br>
													</div>
												</td>
											</tr>
											<tr>
												<td>Service Barriers Capabilities</td>
												<td>
													<div class="list">
														<input type="checkbox" />Lone Parent<br> <input
															type="checkbox" />ESOL<br> <input type="checkbox" />Refugee<br>
														<input type="checkbox" />Basics skill<br>
													</div>
												</td>
												<td>Accreditation</td>
												<td>
													<div class="list">
														<input type="checkbox" />Two ticks<br> <input
															type="checkbox" />Investor in people<br> <input
															type="checkbox" />ISO 9001<br> <input
															type="checkbox" />ISO 14001<br> <input
															type="checkbox" />ISO 27001<br>
													</div>
												</td>
											</tr>
											<tr>
												<td>Service Benefits Capabilities</td>
												<td>
													<div class="list">
														<input type="checkbox" />Disablity Lingving Allowance<br>
														<input type="checkbox" />Employment and Support Allowance<br>
														<input type="checkbox" />Incapacity Benefit<br> <input
															type="checkbox" />Income Support<br>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div id="tabs-3">
									<table id="details3-add-table">
										<tr>
											<td>EOI Programmes</td>

											<td><div class="list">
													<input type="checkbox" />Programme 1<br /> <input
														type="checkbox" />Programme 2<br /> <input
														type="checkbox" />Programme 3<br /> <input
														type="checkbox" />Programme 4<br /> <input
														type="checkbox" />Programme 5<br /> <input
														type="checkbox" />Programme 6<br />
												</div></td>
											<td></td>
											<td></td>
										</tr>

										<tr>
											<td>EOI Services</td>

											<td><div class="list">
													<input type="checkbox" />Service 1<br /> <input
														type="checkbox" />Service 2<br /> <input type="checkbox" />Service
													3<br /> <input type="checkbox" />Service 4<br /> <input
														type="checkbox" />Service 5<br /> <input type="checkbox" />Service
													6<br />
												</div></td>
											<td></td>
											<td></td>
										</tr>

									</table>

								</div>
								<div id="tabs-4">
									<fieldset style="height: 200px;">
										<legend>Premise</legend>
										<table id="tablepaging" class="table tablesorter">
											<thead>
												<tr>
													<th>Premise Name</th>
													<th>Address</th>
													<th>Primary Location</th>
													<th>Phone Number</th>
												</tr>
											</thead>
											<tbody>
												<!-- DATA WILL BE PRINTED HERE BY JAVASCRIPT -->
												<!-- DATA WILL BE PRINTED HERE BY JAVASCRIPT -->
											</tbody>
										</table>

									</fieldset>

									<fieldset id="fs1">
										<legend>Located In</legend>
										<table id="details4-add-table">
											<tr>
												<td>Ward:</td>
												<td><input type="text" disabled="disabled" /></td>
												<td>NHS Authority:</td>
												<td><input type="text" disabled="disabled" /></td>
											</tr>
											<tr>
												<td>Borough:</td>
												<td><input type="text" disabled="disabled" /></td>
												<td>Gov't Office Region:</td>
												<td><select>
														<option>Gov Off 1</option>
														<option>Gov Off 2</option>
														<option>Gov Off 3</option>
														<option>Gov Off 4</option>
												</select></td>
											</tr>

											<tr>
												<td>Local Authority:</td>
												<td><input type="text" disabled="disabled" /></td>
												<td>Trust Region:</td>
												<td><select>
														<option>Scotand</option>
														<option></option>
														<option></option>
														<option></option>
												</select></td>
											</tr>

											<tr>
												<td>Unitary Authority:</td>
												<td><input type="text" disabled="disabled" /></td>
												<td>Trust District:</td>
												<td><select>
														<option>Lancanshire</option>
														<option></option>
														<option></option>
														<option></option>
												</select></td>
											</tr>

										</table>
									</fieldset>
								</div>
									<div id="tabs-5">
									<div class="no-margin">
										<div style="text-align: right">
											<a class="button" title="Creat"
												href="AddSupportingMaterials.jsp""> <span
												class="smaller"><img height="30" width="30"><strong>
														Create </strong></span>
											</a> <input type="checkbox" name="checkInclude" value="true"
												${ checkInclude ? "checked" : "" } />
											<label for="table-display" style="display: inline">Include
												In-active</label>
										</div>
										<table class="table" id="tablepaging2" cellspacing="0"
											width="100%">
											<thead>
												<tr>
													<th scope="col">URL</th>
													<th scope="col">Description</th>
													<th scope="col">Type</th>
													<th scope="col">Added By</th>
													<th scope="col">Added Date</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td><a href="EditSupportingMaterial.jsp">http://google.com</a></td>
													<td>Google Corp</td>
													<td>Doc</td>
													<td>Van Vu</td>
													<td>10/3/2013</td>
												</tr>
												<tr>
													<td><a href="EditSupportingMaterial1.jsp">yahoo.com.vn</a></td>
													<td>Yahoo!</td>
													<td>Pdf</td>
													<td>Van Vu</td>
													<td>10/3/2013</td>
												</tr>


											</tbody>
										</table>
									</div>
									<div class="block-footer" id="pageNavPosition2">
										<script type="text/javascript">
					                        var pager = new Pager('tablepaging2', 5);
					                        pager.init();
					                        pager.showPageNav('pager', 'pageNavPosition2');
					                        pager.showPage(1);
                    					</script>
									</div>


								</div>

								<div id="tabs-6">
									
									
										
										<%
											boolean check = true;
										%>
										
									
										<div class="block-controls">
					<div class="float-right">
						<a class="button red" title="Add" href="addDirectorate.jsp"> <span
							class="smaller">CREATE</span> </a> <input type="checkbox"
							onchange="addData(<%=check %>)" name="checkInclude"
							${ checkInclude ? "checked" : "" }
                                           onclick="" />
						<label for="table-display" style="display: inline">Include
							In-active</label>

					</div>

					<ul class="controls-buttons" style="cursor: pointer">
						<s:hidden type="hidden" id="filter" name="filter" />
						<s:hidden type="hidden" id="checkActive" name="checkActive" />
						<li><a
							onclick="document.getElementById('filter').value = 'all'; document.getElementById('table_form').submit();">
								<strong>ALL</strong> </a>
						</li>
						<li class="sep"></li>
						<li><a
							onclick="document.getElementById('filter').value = '0-9'; document.getElementById('table_form').submit();">
								<strong>0-9</strong> </a>
						</li>
						<li><a
							onclick="document.getElementById('filter').value = 'ABCDE'; document.getElementById('table_form').submit();">
								<strong>A B C D E</strong> </a>
						</li>
						<li><a
							onclick="document.getElementById('filter').value = 'FGHIJ'; document.getElementById('table_form').submit();">
								<strong>F G H I J</strong> </a>
						</li>

						<li><a
							onclick="document.getElementById('filter').value = 'KLMN'; document.getElementById('table_form').submit();">
								<strong>K L M N </strong> </a>
						</li>

						<li><a
							onclick="document.getElementById('filter').value = 'OPQR'; document.getElementById('table_form').submit();">
								<strong>O P Q R </strong> </a>
						</li>

						<li><a
							onclick="document.getElementById('filter').value = 'STUV'; document.getElementById('table_form').submit();">
								<strong>S T U V </strong> </a>
						</li>

						<li><a
							onclick="document.getElementById('filter').value = 'WXYZ'; document.getElementById('table_form').submit();">
								<strong>W X Y Z </strong> </a>
						</li>

					</ul>


				</div>
											
												<div class="no-margin">
													<table class="table" id="tablepaging1" cellspacing="0"
														width="100%">
														<thead>
															<tr>

																<th scope="col">BU/DirectorateName</th>
																<th scope="col">Office Address Line 1</th>
																<th scope="col">Postcode</th>
																<th scope="col">Contact</th>
																<th scope="col">IsActive?</th>
															</tr>
														</thead>
														<%
															for (int i = 0; i < 5; i++) {
														%>
														<tr id="data <%=i%>">

															<td><a href="listDepartment.jsp?directorateID=1">Directorate
																	<%=i%></a></td>
															<td>Address <%=i%></td>
															<td>SE <%=i%></td>
															<td>Fresher</td>
															<td>Yes</td>
														</tr>

														<%
															}
														%>

													</table>
												</div>
											
									


										<div class="block-footer" id="pageNavPosition1">
											<script type="text/javascript">
						var pager = new Pager('tablepaging1', 5);
						pager.init();
						pager.showPageNav('pager', 'pageNavPosition1');
						pager.showPage(1);
					</script>


										</div>
								</div>

							</div>
						</div>
					</div>
				</form>
			</div>
		</section>


		<div class="clear"></div>

	</article>

	<!-- End content -->

	<footer> </footer>

	<script>
	
	hideTab3();
/* 	hideTab4();
	hideTab5();
	hideTab6(); */
	
	
	function ValidateData()
	{
			var oName=document.forms["f1"]["organisationName"].value;
			var sDes=document.forms["f1"]["shortDes"].value;
			var a1=document.forms["f1"]["lu.address_line1"].value;
			var pCode=document.forms["f1"]["lu.postCode"].value;
			var bName = document.forms["f1"]["lu.businessName"].value;
			var p = document.forms["f1"]["phoneNumber"].value;
			var e = document.forms["f1"]["email"].value;
			var k = true;
			
			var MyPara = "";
			if (oName==null ||oName=="")
				{
					MyPara = MyPara + "Please input the organisation name<br/>  ";
					k = false;
				}
			
			if (sDes==null || sDes=="")
				{
					MyPara = MyPara + "Please input the short description<br/>  ";
					k = false;
				}
			
			if (a1==null || a1=="")
				{
					MyPara = MyPara + "Please input the address line 1<br/>";
					k = false;
				}
			if (pCode==null || pCode=="")
			{
				MyPara = MyPara + "Please input the post code<br/>";
				k = false;
			}
			if (bName==null || bName=="")
			{
				MyPara = MyPara + "Please input the type of business<br/>";
				k = false;
			}
			if (p==null || p=="")
			{
				MyPara = MyPara + "Please input the phone number<br/>  ";
				k = false;
			}
			
			if(p!=null && p!="")
				{
				 if(isNaN(p)|| p.indexOf(" ")!=-1)
					{
				         
				            MyPara = MyPara + "Phone number must be numeric value<br/>";
							k = false;
				    }
				 else if (p.length > 11 || p.length < 10)
					{
				    
				             MyPara = MyPara + "Phone number must be in range 10 or 11 character<br/>";
						     k = false;
				    }
				}
			if ( e!=null && e!="")
			{
			var atpos=e.indexOf("@");
			var dotpos=e.lastIndexOf(".");
			if(atpos<1 || dotpos<atpos+2 || dotpos+2>=e.length)
		  	{
		 		MyPara = MyPara + "Not a valid e-mail address<br/>";
		  		k = false;
		  	}
			}
			
			if(k==false)
				{
					document.getElementById('message').innerHTML=MyPara;
					var myPara = document.getElementById('message');
					myPara.style.color = "red";
				}
			else
				{
					alert("Successfuly");
					document.forms["f1"].submit();
					
				}
	}


	</script>
</body>
</html>